<template>
	<view class="link">
		<view class="colleagues-name">
			部门：
			<input class="uni-input colleagues-name" name="input" placeholder="请填写部门名称" />
		</view>
		<view class="position">
			职位：
			<input class="uni-input position" name="input" placeholder="请填写部门名称" />
		</view>
		<view class="bnt"><view class="bnt-add">确定</view></view>
		<!-- 底部导航 -->
		<footernav pagePath='user'></footernav>
		<!-- 加载动画 -->
		<loading v-if="!isloading()"></loading>
	</view>
</template>

<script></script>

<style lang="scss">
.link {
	width: 100%;
	background-color: white;
	.colleagues-name {
		color: rgba(80, 80, 80, 1);
		font-size: 15px;
		display: flex;
		align-items: center;
		width: 95%;
		margin: auto;
		padding: 10px 0;
		border-bottom: 1px solid #eee;
	}
	.position {
		color: rgba(80, 80, 80, 1);
		font-size: 15px;
		display: flex;
		align-items: center;
		width: 95%;
		margin: auto;
		padding: 5px 0;
		border-bottom: 1px solid #eee;
	}
	.uni-input {
		border: none;
	}
	.bnt-add {
		width: 192px;
		height: 42px;
		color: rgba(255, 255, 255, 1);
		background-color: rgba(42, 130, 228, 1);
		border-radius: 18px;
		font-size: 15px;
		line-height: 42px;
		text-align: center;
		margin: auto;
		position: absolute;
		bottom: 50px;
		left: 27%;
	}
}
</style>
